<?php /* Smarty version Smarty-3.0.6, created on 2025-08-14 16:10:37
         compiled from "D:\wwwroot\gushi-v2/tpl\v2/header.html" */ ?>
<?php /*%%SmartyHeaderCode:1384689d99fd00fe74-50504190%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    'a231bcf630f89595ade42a41229e07fec07d45f4' => 
    array (
      0 => 'D:\\wwwroot\\gushi-v2/tpl\\v2/header.html',
      1 => 1755158964,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '1384689d99fd00fe74-50504190',
  'function' => 
  array (
  ),
  'has_nocache_code' => false,
)); /*/%%SmartyHeaderCode%%*/?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="baidu-site-verification" content="3KDQ6gdFVJ" />
    <meta name="phoenixfm-site-verification" content="4F9F6A01-B4FF-0E" />
    <meta name="referrer" content="no-referrer" />
    <meta name="author" content="古韵新境，博雅秘库,简说古诗">
    <meta name="description" content="<?php echo $_smarty_tpl->getVariable('html_desc')->value;?>
">
    <meta name="keywords" content="<?php echo $_smarty_tpl->getVariable('top_keywords')->value;?>
">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta property="og:image" content="//p3.ifengimg.com/a/2019/0301/09675e75f4fb377size177_w120_h75.png"/>
    <meta name="apple-mobile-web-app-title" content="<?php echo $_smarty_tpl->getVariable('html_title')->value;?>
">
    <meta name="wlhlauth" content="73bc49e948807cd808417423dba4f604"/> 
    <link type="image/x-icon" href="tpl/v2/images/logoicon.png" rel="icon">
    <title>古韵新境 - 让古典文学活起来</title>
    <!-- 外部资源 -->
    <script src="tpl/v2/js/tailwindcss.3.4.17.js"></script>
    <link href="tpl/v2/css/font-awesome.min.css" rel="stylesheet">
    <script src="tpl/v2/js/jquery.min.js"></script>
    
    <!-- Tailwind配置 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        ink: '#333333',
                        cinnabar: '#c41e3a',
                        rice: '#f5f2ea',
                        lightink: '#666666',
                        paper: '#f9f6f0',
                    },
                    fontFamily: {
                        song: ['"Noto Serif SC"', 'serif'],
                        kai: ['"Noto Serif SC"', 'serif'],
                        sans: ['"Noto Sans SC"', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <!-- 自定义样式 -->
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .hero-overlay {
                background: linear-gradient(to right, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.4));
            }
            .feature-card-hover {
                transition: all 0.4s ease;
            }
            .feature-card-hover:hover {
                transform: translateY(-8px);
                box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
            }
            .poem-card-hover {
                transition: all 0.4s ease;
            }
            .poem-card-hover:hover {
                transform: translateY(-8px);
                box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
            }
            .filter-tag-active {
                background-color: #c41e3a;
                color: #f5f2ea;
            }
            .annotation-hover {
                position: relative;
                cursor: help;
                text-decoration: underline dotted;
            }
            .audio-wave {
                height: 24px;
                display: flex;
                align-items: center;
                gap: 3px;
            }
            .audio-wave span {
                width: 3px;
                background-color: #c41e3a;
                border-radius: 3px;
                animation: wave 1s infinite ease-in-out;
            }
        }
    </style>
    
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Serif+SC:wght@400;600;700;900&display=swap');
        
        /* 滚动动画 */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        
        .scroll-reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* 导航栏滚动效果 */
        .nav-scrolled {
            background-color: rgba(245, 242, 234, 0.95);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        /* 加载动画 */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .animate-fade-in {
            animation: fadeIn 0.8s ease forwards;
        }
        .filter-tag-active {
            background-color: #c41e3a;
            color: #f5f2ea;
        }
        /* 注释弹窗 */
        .annotation-popup {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            background-color: #333;
            color: #f5f2ea;
            text-align: center;
            border-radius: 4px;
            padding: 8px 12px;
            width: max-content;
            max-width: 200px;
            z-index: 100;
            transition: opacity 0.3s, visibility 0.3s;
            font-size: 14px;
        }
        
        .annotation-popup::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #333 transparent transparent transparent;
        }
        
        .annotation-hover:hover .annotation-popup {
            visibility: visible;
            opacity: 1;
        }
        
        /* 音频波形动画 */
        @keyframes wave {
            0%, 100% {
                height: 8px;
            }
            50% {
                height: 24px;
            }
        }
        
        .audio-wave span:nth-child(2) { animation-delay: 0.1s; }
        .audio-wave span:nth-child(3) { animation-delay: 0.2s; }
        .audio-wave span:nth-child(4) { animation-delay: 0.3s; }
        .audio-wave span:nth-child(5) { animation-delay: 0.4s; }
        .audio-wave span:nth-child(6) { animation-delay: 0.5s; }
        .audio-wave span:nth-child(7) { animation-delay: 0.4s; }
        .audio-wave span:nth-child(8) { animation-delay: 0.3s; }
        .audio-wave span:nth-child(9) { animation-delay: 0.2s; }
        .audio-wave span:nth-child(10) { animation-delay: 0.1s; }
    </style>
    <style>
        /* 典籍内容样式 */
        .classic-content p {
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }
        
        .classic-content h3 {
            font-size: 1.5rem;
            margin: 2rem 0 1rem;
            font-weight: bold;
        }
        
        /* 注释悬停效果 */
        .footnote-ref {
            color: #c41e3a;
            font-weight: bold;
            cursor: pointer;
            vertical-align: super;
            font-size: 0.8em;
        }
        
        /* 分页按钮样式 */
        .page-btn {
            transition: all 0.3s ease;
        }
        
        .page-btn:hover:not(.page-btn-disabled) {
            background-color: #c41e3a;
            color: #f5f2ea;
        }
        
        .page-btn-active {
            background-color: #c41e3a;
            color: #f5f2ea;
        }
        
        .page-btn-disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
    .profile-header {
    background-color: #f8f5f0;
    border-radius: 1.5rem;
    overflow: hidden;
    display: flex; /* 启用flex布局 */
    flex-direction: row; /* 水平排列 */
    align-items: center; /* 垂直居中 */
    padding: 2rem; /* 增加内边距 */
    }

    .profile-cover {
    height: 120px; /* 缩小高度适配水平布局 */
    width: 120px; /* 固定宽度 */
    border-radius: 50%; /* 圆形头像容器 */
    background: linear-gradient(45deg, #c41e3a, #8a152a);
    flex-shrink: 0; /* 防止被压缩 */
    margin-right: 2rem; /* 与信息区保持间距 */
    }
    
    .avatar-container {
    position: static; /* 取消绝对定位 */
    width: 100%;
    height: 100%;
    border: 4px solid #f8f5f0;
    border-radius: 50%;
    overflow: hidden;
    }

    .profile-info {
    padding: 0; /* 清除原有内边距 */
    flex-grow: 1; /* 占满剩余空间 */
    }

    /* 若存在统计数据区域，同样保持水平布局 */
    .profile-stats {
    display: flex;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-top: 1rem;
    }

    .stat-item {
    flex: 1;
    text-align: center;
    padding: 1rem 0;
    }
    
    .tab-content {
      display: none;
    }
    
    .tab-content.active {
      display: block;
      animation: fadeIn 0.5s ease;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
  </style>
</head>

<body class="bg-rice text-ink font-sans">
    <!-- 导航栏 -->
    <header id="main-nav" class="fixed top-0 left-0 w-full z-50 transition-all duration-500 py-4">
        <div class="container mx-auto px-4 md:px-8 flex justify-between items-center">
            <!-- Logo -->
            <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'index'),$_smarty_tpl);?>
" class="flex items-center space-x-2">
                <div class="w-10 h-10 rounded-full flex items-center justify-center">
                    <img src="tpl/v2/images/logoicon.png" alt="古韵新境" class="w-10 h-10">
                </div>
                <span class="text-xl md:text-2xl font-song text-cinnabar font-bold">古韵新境</span>
            </a>
            
            <!-- 桌面导航 -->
            <nav class="hidden md:flex items-center space-x-8">
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'index'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='index'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">首页</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'gushi'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='gushi'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">诗境</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'classics'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='classics'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">典籍</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'guji'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='guji'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">古书</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'interactive'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='interactive'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">互动</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'chengyu'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='chengyu'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">成语</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'zuoze'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='zuoze'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">创作</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'about'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='about'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song text-cinnabar border-b-2 border-cinnabar pb-1<?php }else{ ?>font-song hover:text-cinnabar transition-colors duration-300<?php }?>">关于</a>
                <!-- <button class="bg-cinnabar text-rice px-5 py-2 rounded-full hover:bg-opacity-90 transition-all duration-300 transform hover:scale-105">
                    登录 / 注册
                </button> -->
                <!-- 桌面导航中的按钮 (替换原有登录/注册按钮) -->
                <div id="auth-buttons" class="hidden md:flex items-center">
                    <!-- 未登录状态 -->
                     <?php if ($_smarty_tpl->getVariable('user_id')->value==''){?>
                    <button id="login-btn" class="bg-cinnabar text-rice px-5 py-2 rounded-full hover:bg-opacity-90 transition-all duration-300 transform hover:scale-105">
                        登录 / 注册
                    </button>
                    <?php }else{ ?>
                    <!-- 登录状态-->
                    <div id="user-menu" class="flex items-center space-x-4">
                        <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'profile'),$_smarty_tpl);?>
" class="font-song hover:text-cinnabar transition-colors duration-300">个人中心</a>
                        <div class="w-8 h-8 rounded-full bg-cinnabar/10 flex items-center justify-center">
                            <i class="fa fa-user text-cinnabar"></i>
                        </div>
                        <button id="logout-btn" class="font-song hover:text-cinnabar transition-colors duration-300">退出登录</button>
                        
                    </div>
                    <?php }?>
                </div>
            </nav>
            
            <!-- 移动端菜单按钮 -->
            <button id="menu-toggle" class="md:hidden text-ink text-2xl">
                <i class="fa fa-bars"></i>
            </button>
        </div>
        
        <!-- 移动端导航菜单 -->
        <div id="mobile-menu" class="md:hidden hidden bg-paper absolute top-full left-0 w-full shadow-lg">
            <div class="container mx-auto px-4 py-4 flex flex-col space-y-4">
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'index'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='index'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">首页</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'gushi'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='gushi'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">诗境</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'classics'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='classics'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">典籍</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'guji'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='guji'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">典籍</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'interactive'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='interactive'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">互动</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'chengyu'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='chengyu'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">成语</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'zuoze'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='zuoze'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">创作</a>
                <a href="<?php echo $_smarty_tpl->smarty->registered_plugins[Smarty::PLUGIN_FUNCTION]['spUrl'][0][0]->__template_spUrl(array('c'=>'main','a'=>'about'),$_smarty_tpl);?>
" class="<?php if ($_smarty_tpl->getVariable('ac')->value=='about'&&$_smarty_tpl->getVariable('con')->value=='main'){?>font-song py-2 border-b border-gray-200 text-cinnabar<?php }else{ ?>font-song py-2 border-b border-gray-200 hover:text-cinnabar<?php }?>">关于</a>
                <button class="bg-cinnabar text-rice px-5 py-3 rounded-full hover:bg-opacity-90 transition-all duration-300">
                    登录 / 注册
                </button>
            </div>
        </div>
    </header>